<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
	<script src="js/jquery-1.7.1.min.js"></script>
	<link rel="stylesheet" href="css/jquery.mobile-1.4.3.min.css">
	<script src="js/jquery.mobile-1.4.3.min.js"></script>
    <title>Line Chart</title>
	<!--載入必要Angularjs-->
    <script src="js/chart/angular.js"></script>
    <script src="js/chart/d3.js"></script>
    <script src="js/chart/nv.d3.js"></script>
    <script src="js/chart/moment.js"></script>
    <script src="js/chart/angularjs-nvd3-directives.js"></script>
    <link rel="stylesheet" href="css/nv.d3.css"/>
	<!--繪圖js-->
	<script src="js/meter.js"></script>
	<script src="js/chart/linechart.js"></script>
</head>
<body ng-app='nvd3TestApp'>
	<div data-role="page" id='home'>
		<div data-role="header" data-position="fixed">
			<h1 id='title'>linechart</h1>
			<a data-icon="grid" href='ceilmeter.html' data-ajax = 'false'>back</a>
		</div>
		<div data-role="content">	
			<div ng-controller="ExampleCtrl">
				<nvd3-line-chart
					data="exampleData"
					id="toolTipContentExample"
					width="300"
					height="300"
					showXAxis="false"
					showYAxis="true"
					tooltips="true"
					interactive="true"
					useInteractiveGuideLine="true"
					margin="{left:50,top:50,bottom:50,right:50}"
					xAxisTickFormat="xAxisTickFormat()"
					>
				<svg></svg>
				</nvd3-line-chart>
			</div>		
		</div>		
		<div data-role="footer" data-position="fixed">
			<h1 id='title'>linechart</h1>
		</div>
	</div>	
</body>
</html>